<!--  -->
<template>
  <div>
      <div>中国地图</div>
      <div id='china_map' style='width:1000px;height:800px;'></div>
  </div>
</template>

<script>
import obj from './china_option'
import * as echarts from "echarts";
// import "../../../node_modules/echarts/map/js/china.js"; // 引入中国地图数据
// import chinaMap from './china_option'
import "./china";
export default {
  data () {
    return {
        china_map:'',
    };
  },

  components: {},

  computed: {},

  mounted(){
    this.china_map = echarts.init(document.getElementById("china_map"))
    // echarts.registerMap("china", { geoJSON: chinaMap });
    this.china_map.setOption(obj);
  },

  methods: {}
}

</script>
<style lang='scss' scoped>
</style>